Dans le cadre d'un module de Webdesign au cours de ma licence professionnelle de graphisme multimédia, nous avions à trouver un concept d'application mobile original et à créer les maquettes graphiques de cette application. Environ 12h de travail en classe nous a été données pour réaliser l'intégralité de ce projet avec en plus le travail à la maison. 

"Vous êtes webdesigner freelance et souhaitez proposer de nouveaux services en création d'applications mobiles. Récemment, vous avez imaginé un concept d'application intéressant, qui mérite selon vous d'être développé et commercialisé sur l'AppStore, Google Play et Windows Store. Il pourrait rapporter gros ! (ressources financières, notoriété, publicité...) 

N'ayant pas suffisamment de compétences en développement mobile pour pouvoir réaliser votre projet de A à Z, vous devez convaincre une agence informatique lors d'une réunion déjà planifiée, de réaliser la partie technique de votre application (programmation, déploiement, mise en ligne). Pour y parvenir, vous réalisez tous les croquis, prototypages, icônes, logotypes et maquettes Photoshop utiles à la présentation de votre projet."

" • Trouver un concept d'application mobile original mais simple (carte blanche sur le type d'application) Exemples de domaines : musique, cinéma, jeux vidéo, recherche d'emploi, rencontres amoureuses, météo, messagerie instantanée, cuisine, lifestyle... 

• Donner un nom attrayant à votre application et remplir avec soin la fiche d'informations 

• Définir l'arborescence de l'application puis dessiner le prototypage des différentes pages (3 pages) sur le papier prévu à cet effet. Ces feuilles seront à rendre proprement et devront figurer dans votre diaporama de présentation (scannées ou prises en photo). 

• Réaliser un splashscreen (écran de démarrage de l'application) 

• Réaliser 3 pages principales de l'application en veillant à organiser vos calques, dossiers et noms de fichiers. Soyez créatifs et précis dans votre design, éclatez-vous et faites quelque chose qui vous ressemble ! 

• Facultatif (bonus à la clé) : réaliser l'icône de lancement de l'application 

• Présenter l'application à l'oral devant l'agence informatique décisionnaire à l'aide d'un petit diaporama. Présentation du concept de l'application, de ses fonctionnalités et de son design pour convaincre les développeurs à travailler sur votre projet. "

Application, sous forme de réseau social, consacrée aux études post-bac et à tout l’environnement qui l’entoure : trouver sa voie, le métier qui nous correspondrait, trouver les formations pour y arriver, les établissements qui proposent ces formations et par la suite possibilité de trouver des stages/apprentissages.
Cette application est destinée principalement : 

   • Aux collégiens/ lycéens qui recherchent la voie dans laquelle ils pourraient s’épanouir à la sortie du collège ou du lycée.

   • Aux étudiants, que ce soit les anciens lycéens qui restent sur l’application au cours de leurs études ou de nouveaux étudiants qui veulent découvrir, témoigner, aider ou même se réorienter ;

   • Aux professeurs, qui sont là pour répondre aux questions, partager, aider les étudiants 

   • Aux professionnels qui veulent partager leurs parcours, leurs expériences, témoigner, répondre à des questions, recruter des stagiaires ou apprentis…
Un test de personnalité, proposé dans le profil de l’utilisateur, permet de cibler l’utilisateur dans le secteur d’activité qui le correspondrait et dans les métiers associés.
Cet utilisateur peut découvrir ces métiers à travers les fiches métiers contenant des informations sur les profils à avoir, les missions, les insertions professionnelles, les débouchés, évolutions de carrière, les études/ cursus à suivre et établissements qui propose ces cursus, des témoignages et des contenus supplémentaires pour « s’auto-former » et découvrir davantage cette branche de métier.
Plus on porte d’intérêt à l’un ou l’autre métier, plus on développe des « points » (pourcentage d’intérêt) qui montre notre motivation et notre intérêt pour ce domaine-là.
La navigation est également possible à travers tous les secteurs d’activités et leurs métiers associés et pas que à travers le secteur qui nous correspondrait selon le test. Cela permet de découvrir beaucoup plus de branches et nous laisse la possibilité de 2 types de navigations différentes :
            • Naviguer uniquement sur ce qui me correspondrait (onglet mon secteur)
            • Naviguer à travers tous les secteurs d’activités (onglet découvrir)
Cette application a un réel suivi utilisateur qui accompagne le futur étudiant au cours de son avancée grâce à son profil. Un bitmoji personnalisé, selon le profil et l’intérêt qu’il porte à un secteur, suit l’utilisateur au cours de son avancée. Il peut préciser son cursus (bac, puis ses diplômes en études supérieures) au sein de son profil que l’on peut partager. Ce suivi propose des suggestions en rapport avec le profil de l’utilisateur. Dans le cadre de l’avancée d’un étudiant, l’application lui permettra de trouver une formation, un établissement, un stage ou un apprentissage tout en ciblant son profil, son secteur d’activité.
Cette application a également une visée sociale. On trouve la possibilité de prendre contact avec des étudiants de la branche qui nous intéresse, des professionnels ou des profs si on a des questions, ou si on a besoin d’informations. Des personnes peuvent aussi témoigner et s’exprimer soit à travers son profil, soit au sein des onglets « témoignages » des fiches métiers. Cela permet la création d’une communauté d’étudiants motivés, passionnés et de professionnels.

LE NOM DE L'APPLICATION :  BeCome
Become = « Devenir » 

Terme fort et explicite qui est récurrent dans cette période post-bac. On pose souvent la question aux lycéens, lorsqu’ils doivent faire un choix d’étude, « qu’est-ce que tu voudrais devenir plus tard ? ». Question à laquelle ils ne savent souvent pas quoi répondre, on est souvent perdu dans ce que l’on veut faire plus tard.

Vous retrouverez tout d'abord mes prototypes papiers puis les versions numériques réalisées avec Abode XD et les éléments graphiques réalisés avec Adobe Illustrator. ​​​​​​​

Splashscreen 

Icône de lancement de l'application

Page d'accueil, fil d'actualité.

Page profil de l'utilisateur avec son suivi personnalisé, résultat du test de personnalité et son bitmoji. 

Pages découvrir, exemple pour le métier de graphiste avec les détails pour les formations, les évolutions de carrières et les témoignages.

Vous pouvez retrouver le prototypage de ces maquette en cliquant ici.